<head>
	<style type="text/css" media="screen">@import "../jqt/jqtouch.css";</style>
	<style type="text/css" media="screen">@import "../jqt/theme.css";</style>
	<script src="../jquery.js" type="text/javascript" charset="utf-8"></script>
	<script src="../jqt/jqtouch.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" charset="utf-8">
	var jQT = new $.jQTouch();
	$(document).ready(function(){
		var bottomBar = $("<footer>hello!!!!</footer>").appendTo("body");
		var height = 0;
		var screenHeight = 420;
		bottomBar.css({
			'position': 'absolute',
			'top': screenHeight - height,
			'z-index': 500,
			'width':"100%",
			'min-height':"100px !important",
			'background-color': 'red',
			'display': 'block'
		})

	});
	
</script>
<style>
	body {
		overflow: hidden !important;
		min-height: 200px !important;
		height: 200px !important;
	}
</style>
</head>
<body>
	<div id="home" class="current">
		<div class="toolbar">
			<h1>FriendLocate</h1>
		</div>
		<ul id="mainmenu">
			<li><a href="#checkin">Check In</a></li>
			<li><a href="#nearby">Nearby People</a></li>
			<li><a href="#friends">My Friends</a></li>
			<li><a href="#checkin">Check In</a></li>
			<li><a href="#nearby">Nearby People</a></li>
			<li><a href="#friends">My Friends</a></li>
			<li><a href="#checkin">Check In</a></li>
			<li><a href="#nearby">Nearby People</a></li>
			<li><a href="#friends">My Friends</a></li>
			<li><a href="#checkin">Check In</a></li>
			<li><a href="#nearby">Nearby People</a></li>
			<li><a href="#friends">My Friends</a></li>							
		</ul>
	</div>
</body>
